#content{
	background:#fff;
	padding: 0;
}
p{
	margin:0;
	font-family: "微软雅黑";
}
	.mynew{
		border:1px solid #f6f6f6;
	}
		.mynew a{
			color: #333;
		}
		.mynew a:hover{
			color: #333;
		}
		.mynew .o-u-face{
			float: left;
			border-radius: 50%;
		}
		.mynew .o-u-detail{
			float: left;
			font-weight: normal;
			color: #8f8f8f;
		}
			.o-u-detail span.read{
				display: inline-block;
				border:1px solid #71CDBA;
				color:#fff;
				background: #71CDBA;
				/*background: #797C80;*/
				text-align: center;
				vertical-align: middle;
				font-weight: bold;
			}
		.mynew .o-u-name{
			display: inline-block;
			color: #333;
		}
		.mynew .goods-pic{
			float: right;
			vertical-align: middle;
		}


@media screen and (min-width: 320px){
.mynew{
	padding: 12px;
	height: 47px;
}
	.mynew .o-u-face{
		width: 47px;
		height: 47px;
	}
	.mynew .o-u-detail{
		padding-left: 9px;
		font-size: 14px;
	}
	.mynew .o-u-name{
		font-size: 16px;
		margin-bottom: 9px;
	}
	.o-u-detail span.read{
		font-size: 8px;
		height: 12px;
		line-height: 12px;
		width: 30px;
		border-radius: 6px;
		margin-left: 5px;
	}
	.mynew .goods-pic{
		width: 42px;
		height: 42px;
		margin: 2px 15px 0 0;
	}
}


@media screen and (min-width: 410px){
.mynew{
	padding: 15px;
	height: 60px;
}
	.mynew .o-u-face{
		width: 60px;
		height: 60px;
	}
	.mynew .o-u-detail{
		padding-left: 11px;
		font-size: 18px;
	}
	.mynew .o-u-name{
		font-size: 21px;
		margin-bottom: 11px;
	}
	.o-u-detail span.read{
		font-size: 10px;
		height: 14px;
		line-height: 14px;
		width: 32px;
		border-radius: 7px;
		margin-left: 5px;
	}
	.mynew .goods-pic{
		width: 54px;
		height: 54px;
		margin: 3px 20px 0 0;
	}

}

@media screen and (min-width:600px){
.mynew{
	padding: 23px;
	height: 88px;
}
	.mynew .o-u-face{
		width: 88px;
		height: 88px;
	}
	.mynew .o-u-detail{
		padding-left: 20px;
		font-size: 22px;
	}
	.o-u-detail .o-u-name{
		font-size: 25px;
		margin-bottom: 17px;
	}
	.o-u-detail span.read{
		font-size: 15px;
		height: 20px;
		line-height: 20px;
		width: 44px;
		border-radius: 10px;
		margin-left: 5px;
	}
	.mynew .goods-pic{
		width: 79px;
		height: 79px;
		margin: 5px 20px 0 0;
	}
}

@media screen and (min-width: 720px){
.mynew{
	padding: 27px;
	height: 105px;
}
	.mynew .o-u-face{
		width: 105px;
		height: 105px;
	}
	.mynew .o-u-detail{
		padding-left: 20px;
		font-size: 26px;
	}
	.mynew .o-u-name{
		font-size: 30px;
		margin-bottom: 20px;
	}

	.mynew .goods-pic{
		width: 95px;
		height: 95px;
		margin: 5px 20px 0 0;
	}
}

@media screen and (min-width: 801px){
.mynew{
	padding: 38px;
	height: 146px;
}
	.mynew .o-u-face{
		width: 146px;
		height: 146px;
	}
	.mynew .o-u-detail{
		padding-left: 28px;
		font-size: 35px;
	}
	.mynew .o-u-name{
		font-size: 40px;
		margin-bottom: 28px;
	}
	.o-u-detail span.read{
		font-size: 19px;
		height: 26px;
		line-height: 26px;
		width: 55px;
		border-radius: 13px;
		margin-left: 10px;
	}
	.mynew .goods-pic{
		width: 132px;
		height: 132px;
		margin: 7px 20px 0 0;
	}
}